<template>
    <div class="container d-flex flex-column justify-content-center align-items-center" style="height: 100vh">
        <img style="width: 30%" src="../../assets/images/coding1.jpg" @click="back()" alt="" />
        <div class="mt fs-5 text-black-50">作者努力开发中,点击图片返回....</div>
    </div>
</template>

<script setup lang="ts">
import {
    ref,
    reactive,
    toRefs,
    onBeforeMount,
    onMounted,
    watchEffect,
    computed,
} from "vue";
import { useRoute, useRouter } from "vue-router";
name: "notfound";

/**
 * 路由实例
 */
const router = useRouter();
//console.log('1-开始创建组件-setup')
/**
 * 数据部分
 */
const data = reactive({});
function back() {
    router.back();
}
onBeforeMount(() => {
    //console.log('2.组件挂载页面之前执行----onBeforeMount')
});
onMounted(() => {
    //console.log('3.-组件挂载到页面之后执行-------onMounted')
});
watchEffect(() => { });
// 使用toRefs解构
// let { } = { ...toRefs(data) }
defineExpose({
    ...toRefs(data),
});
</script>
<style scoped lang="sass"></style>
